<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>

<head>
		<meta charset="UTF-8">
		<title>注册</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta name="format-detection" content="telephone=no">
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
<!-- css files -->
      <link rel="stylesheet" href="${pageContext.request.contextPath }/statics/css/style1.css" type="text/css" media="all" />
      <!-- web-fonts -->
      <link href="//fonts.googleapis.com/css?family=Ubuntu:400,500" rel="stylesheet">
		<script src="${pageContext.request.contextPath }/statics/calendar/WdatePicker.js"></script>
		<script src="${pageContext.request.contextPath }/statics/calendar/skin/WdatePicker.css"></script>
		<style>
			ul{
				list-style: none;
			}
		</style>
</head>

		<div class="login-boxtitle">
			<a href="home.html"><img alt="logo" src="${pageContext.request.contextPath }/statics/images/frameImages/logobig.png" /></a>
		</div>

 <!-- title -->
      <h1 class="header-w3ls" style="">注册</h1>
      <!-- //title -->
      <!-- content -->
      <div class="porduct-order-agile">
         <form action="${pageContext.request.contextPath }/user/registersuccess" method="post" id="form">
            <div class="form-group">
               <p>*用户名:<span id="a1" style="color:red;" value="1"></span></p>
               <input type="text" name="userName" id="userName" value="" placeholder="请输入用户名!!!"/>
				
            </div>
            
             <div class="main">
               <div class="form-left-to-w3l ">
                <p>*密码:<span id="a2" style="color:red;" value="1"></span> </p>
               <input class="box1"type="password" name="password" id="password" value="" placeholder="请输入密码!!!"/>
				
               </div>
               <div class="form-left-to-w3l">
                    <p>*确认密码:<span id="a3" style="color:red;" value="1"></span></p>
               <input class="box1"type="password" id="passwordRepeat" value="" placeholder="请再次输入密码!!!"/>
				
               </div>
            </div>
               <div class="form-group">
                  <p>*邮箱:<span id="a4" style="color:red;" value="1"></span></p>
                  <input type="email" name="userEmail" id="email" value="" placeholder="请输入邮箱!!!"/>
										
               </div>
               <div class="form-group">
                  <p>*手机号:<span id="a5" style="color:red;" value="1"></span></p>
                  <input type="text" name="userPhone" id="userPhone" value="" placeholder="请输入手机号码!!!"/>
										
               </div>
           
           
              
               <div class="form-group">
                  <p>地址:<span id="a7" style="color:red;" value="1"></span></p>
                  <input type="text" name="userAddress" id="userAddress" value="" placeholder="请输入地址!!!"/> 
                  <div class="clear"></div>
               </div>
             <div class="form-group">
                 	<p><label for="birthday"></label></p>
                  *生日: <input type="text" Class="Wdate " id="birthday" name="birth"  value="" style="width:60%;height:32px;"
											readonly="readonly" onclick="WdatePicker();"/>
					 <span id="a6" style="color:red;" value="1"></span>   	
                  <div class="clear"></div>
               </div>
            
               
               <div class="form-group">
                  <p> </p>
               *  性别: <input type="radio" name="sex" value="1"/>男
											<input type="radio" name="sex" value="2"/>女
											<input type="radio" name="sex" value="3"/>保密
               </div>
           
           
            <div class="order-list">
               
          	  * 安全问题: <select data-am-selected name="questionId" id="select" style="width: 45%;height:30px;">
											<option value="" selected>请选择安全问题</option>
											<c:forEach var="question" items="${question}">
												<option value="${question.q_id}">${question.questionName}</option>
											</c:forEach>
										</select>
											<span id="a8" style="color:red;" value="1"></span>
             
               <div class="form-left-to-w3l">
               <p><label for="user-answer2" class="am-form-label" style="font-size:18px">*答案: </label> </p>
                  <input type="text" id="user-answer2" placeholder="请输入安全问题答案" name="answer" required="required">
											<span id="a9" style="color:red;" value="1"></span>
                  <div class="clear"></div>
               </div>
            </div>
            <button type="submit" id="submit">注册</button>
			
         </form>
         <input value="返回" id="back" class="btn1" type="button" /><span style="color:red;">${error}</span>
      </div>
	</body>
	<script type="text/javascript" src="${pageContext.request.contextPath }/statics/js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="${pageContext.request.contextPath }/statics/register/register.js"></script>
</html>